<script setup lang="ts">
import { useHome } from '../../../composables/use-home';
import MainView from './main.vue';
import ForgingRoomView from './forging-room/index.vue';
import IllusionView from './illusion/index.vue';

const { activeScene } = useHome();
</script>

<template>
  <div class="w-full h-full overflow-auto relative">
    <main-view v-if="activeScene === 'main'"></main-view>
    <forging-room-view
      v-else-if="activeScene === 'forging-room'"
    ></forging-room-view>
    <illusion-view v-else-if="activeScene === 'illusion'"></illusion-view>
  </div>
</template>
